<!--  -->
<template>
  <div class="topbar-wrapper">
    <el-row class="topbar">
      <el-col :span="6">
        <my-geo/>
      </el-col>
      <el-col :span="4">
        <my-user/>
      </el-col>
      <el-col :span="14">
        <my-nav/>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import MyGeo from "./Geo.vue";
import MyUser from "./User.vue";
import MyNav from "./Nav.vue";
export default {
  data() {
    return {};
  },

  components: {
    MyGeo,
    MyUser,
    MyNav
  },

  computed: {},

  methods: {}
};
</script>
<style lang='scss' scoped>
.topbar-wrapper {
  width: 100%;
  height: 40px;
  background-color: #f8f8f8;
  color: #999;
  a:hover {
    color: #31bbac;
  }
  .topbar{
    width: 1190px;
    height: 100%;
    margin: 0 auto;
  }
}
</style>
